<script setup lang="ts"></script>

<template>
  <div class="cookie-page">
    <!-- 头部导航 -->
    <div class="wrapper-content header-nav">
      <div class="header-left">
        <span class="logo" @click="$router.push('/index')">FileQX</span>
      </div>
      <div class="header-right">
        <ul class="nav-list">
          <router-link to="/contactUs">
            <li class="nav-item first-item">联系我们</li>
          </router-link>
          <router-link to="/login">
            <li class="nav-item">登入</li>
          </router-link>
          <router-link to="/register">
            <li class="nav-item last-item">报名</li>
          </router-link>
        </ul>
        <ul class="login-list">
          <router-link to="/login">
            <li class="nav-item">登入</li>
          </router-link>
        </ul>
      </div>
    </div>
    <!-- 主体内容 -->
    <div class="wrapper-content page-wrapper small">
      <div class="page-title left headline">
        <h1 class="title">Cookie Policy</h1>
      </div>
      <div class="page-content">
        <p>
          Metus penatibus ligula dolor natoque non habitasse laoreet facilisis, libero vivamus eget semper vulputate
          interdum integer, phasellus lorem enim blandit consectetur nullam sollicitudin. Hendrerit interdum luctus ut
          in molestie himenaeos eros cum laoreet parturient est, eu lectus hac et netus viverra dictumst congue elit sem
          senectus litora, fames scelerisque adipiscing inceptos fringilla montes sociosqu suscipit auctor potenti.
          Elementum lacus vulputate viverra ac morbi ligula ipsum facilisi, sit eu imperdiet lacinia congue dis vitae.
        </p>
      </div>
    </div>
    <!-- 底部 -->
    <div class="wrapper-content footer-nav">
      <div class="logo">
        <b class="logo-text">FileQX</b>
      </div>
      <ul class="navigation-links">
        <li><router-link to="/contactUs" class="hover-text-theme">联系我们</router-link></li>
      </ul>
      <ul class="navigation-links">
        <li>
          <router-link to="/termsService" class="hover-text-theme">Terms of Service</router-link>
        </li>
        <li>
          <router-link to="/privacyPolicy" class="hover-text-theme">Privacy Policy</router-link>
        </li>
        <li>
          <router-link to="/cookiePolicy" class="hover-text-theme">Cookie Policy</router-link>
        </li>
      </ul>
    </div>
  </div>
</template>

<style lang="scss" scoped>
@import '@/styles/cookiePolicy.scss';
</style>
